.self-container{
	.no-user{
		.no-user-top{
			position: relative;
			height: 200rpx;
			padding: 30rpx;
			.image-container{
				background-color: #eee;
				width: 200rpx;
				height: 200rpx;
				border-radius: 50%;
				text-align: center;
				line-height: 200rpx;
			}
			.text-container{
				font-size: 60rpx;
				position: absolute;
				top: 120rpx;
				left: 260rpx;
				.icons{
					position: absolute;
					right: -140rpx;
					top: 8rpx;
				}
			}
		}
		.util-container{
			>view{
				position: relative;
				background-color: $my-bg;
				margin: 20rpx;
				padding: 20rpx;
				.uni-icons{
					position: absolute;
					right: 30rpx;
					top: 25rpx;
				}
			}
		}
	}
	// color: #333;
	.background-image{
		position: relative;
		>image{
			width: 100%;
			height: 460rpx;
			z-index: -1;
			filter: blur(15rpx);
		}
		.author-image{
			>image{
				width: 200rpx;
				height: 200rpx;
				border-radius: 50%;
				object-fit: cover;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				top: 150rpx;
			}
		}
		.author-info{
			h2{
				background-color: $my-bg;
				margin: 20rpx;
				padding: 20rpx;
			}
			>span{
				position: absolute;
				top: 525rpx;
				left: 200rpx;
			}
			h5{
				background-color: $my-bg;
				margin: 20rpx;
				padding: 20rpx;
				// letter-spacing: 8rpx;
				span{
					margin-left: 10rpx;
				}
			}
		}
	}
	.util-container{
		>view{
			position: relative;
			background-color: $my-bg;
			margin: 20rpx;
			padding: 20rpx;
			.uni-icons{
				position: absolute;
				right: 30rpx;
				top: 25rpx;
			}
		}
	}
	button{
		background-color: red;
		margin: 20rpx;
	}
}